<template>
  <div>
    <h1>【aty-title】 component demo</h1>
    <p>【aty-title】 本质是一个h1-h6的标签,开发者可以在里面放任意符合w3c标准的元素</p>
    <aty-title :level="1" @click="click()">标题1</aty-title>
    <aty-title :level="2" @dblclick="dblclick()">标题2</aty-title>
    <aty-title :level="3">标题3</aty-title>
    <aty-title :level="4">标题4</aty-title>
    <aty-title :level="5">标题5</aty-title>
    <aty-title :level="6">标题6</aty-title>
  </div>
</template>
<script>
export default {
  methods: {
    click: function () {
      alert(0)
    },
    dblclick: function () {
      alert(1)
    }
  }
}
</script>
